@import url('https://fonts.googleapis.com/css2?family=Noto+Sans+SC:wght@300;400&family=ZCOOL+KuaiLe&display=swap');
@import "./normalize.css";
@import "./custom-element.css";
:root{
  --color-default-theme: #0080ff;
  --color-default-green:#459323;
  --color-default-orange:#ff8800;
  --color-default-hover: #C0C4CC;
  --color-default-border:#e5e9ef;
  --color-white-background: #f4f4f4;
  --color-blue-background:#d2e9fb;
  --color-user-detail-text:#005980;
  --color-text-dark-blue: #0066ff;
  --color-icon:#707070;
  --color-default-text: #232222;
  --color-grey: #9b9b9b;
  --color-secondary:#99a2aa;

  --color-sidebar-backgroud:#304156;
  --color-sidebar-darker-background:#1f2d3d;
  --color-sidebar-item-hover:#263445;
  --color-sidebar-darker-hover:#002518;
  --color-sidebar-icon-color:rgb(191, 203, 217);
  /*707070*/
}
.float-div-left{
  float: left;
}
.float-div-right{
  float: right;
}
.ZOOL-font-family{
  font-family: 'ZCOOL KuaiLe', cursive;
  font-size: 16px;
  color: black;

}
.NOTO-font-family{
  font-family: 'Noto Sans SC', sans-serif;
  font-weight: 500;
  font-size: 16px;
  color: black;
}
.bilibili-font-family{
  font-family: Helvetica Neue, Helvetica, Arial, Microsoft Yahei, Hiragino Sans GB, Heiti SC, WenQuanYi Micro Hei, sans-serif;
  font-size: 14px;
}
.gitee-font-family{
  font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Helvetica, Arial, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Liberation Sans", "PingFang SC", "Microsoft YaHei", "Hiragino Sans GB", "Wenquanyi Micro Hei", "WenQuanYi Zen Hei", "ST Heiti", SimHei, SimSun, "WenQuanYi Zen Hei Sharp", sans-serif;
  font-size: 12px;
}
.flex-container-between{
  display: flex;
  justify-content: space-between;
}
.flex-container-around{
  display: flex;
  justify-content: space-around;
}

/*for test*/
.black-border{
  border: 1px solid black;
}

.card-border{
  border-radius: 8px;
}

.div-center{
  margin: 0 auto;
  text-align: center;
}


